<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<style>
		html, body {
			height: 100%;
			margin: 0;
			padding: 0;
		}
		
		#top {
			max-height: 30px;
			min-height: 30px;
			background-color: #ccc;
			display: flex;
			justify-content: flex-start;
			align-items: center
		}
		
		#main {
			height: calc(100% - 30px);
			display: flex;
			justify-content: flex-start;
			align-items: center
		}
		
		#left {
			height: 100%;
			max-width: 150px;
			min-width: 150px;
			background-color: #eee;
		}
		
		#center {
			height: 100%;
			width: calc(100% - 150px);
			background-color: #ccc
		}
	</style>
</head>
<body>
<div id="top">
	<form action="">
		论坛 <select id="luntan">
		<option value="天涯">天涯</option>
		<option value="新浪微博">新浪微博</option>
	</select>
		<button type="button" id="start">开始</button>
	</form>
</div>
<div id="main">
	<div id="left"></div>
	<div id="center">
		<div id="message"></div>
	</div>
</div>
</body>
<script>
	require('./puppter.js')
</script>
</html>
